<div class="tabs" id="tabs_category">
	<ol class="nav">
		<li><a href="#" rel="#tab_category" class="active">{_t('job_categories')}</a></li>
		<li><a href="#" rel="#tab_region">{_t('region_area')}</a></li>
	</ol>
	<div class="container">
		<div id="tab_category">
			<ol class="lst list_category">
			{foreach from=$arrTopIndustries item=loc}
				<li><a href="{$objJob->map_links(['INDUSTRIES'=>$loc.INDUSTRY_ID])}">{$loc.INDUSTRY_NAME}</a> 
				{$n = $objJob->countJobsActive('INDUSTRIES', $loc.INDUSTRY_ID)}
				{if $n > 0}<span>({$n})</span>{/if}
				</li>
			{/foreach}
			</ol>
			<a href="{$objJob->map_links('industry')}" class="more">{_t('view_more')}</a>
		</div>
		<div id="tab_region">
			<ol class="lst list_category">
			{foreach from=$arrTopLocations item=ind}
				<li><a href="{$objJob->map_links(['LOCATIONS'=>$ind.LOCATION_ID])}">{$ind.LOCATION_NAME}</a>
					{$n = $objJob->countJobsActive('LOCATIONS', $ind.LOCATION_ID)}
					{if $n > 0}<span>({$n})</span>{/if}
				</li>
			{/foreach}
			</ol>
			<a href="{$objJob->map_links('location')}" class="more">{_t('view_more')}</a>
		</div>
	</div>
</div>

<div class="w680">
	<div id="top_jobs">
		<h1 class="box">{_t('top_jobs')}</h1>
		<div class="container" id="list_top_jobs">
			<ol class="lst">
			{foreach from=$arrTopJobs item=job key=i}
				{if ($i%2)==0}
					{if $i}	</li><li>{else}<li>{/if}
				{/if}
					<div class="{cycle values='left,right'}">
						<a href="{$objJob->map_links($job)}" class="job" target=_blank>{$job.JOB_TITLE}</a>
						<a href="{$objJob->map_links(['COMP_NAME'=>$job.COMPANY_NAME, 'COMP_ID'=>$job.COMP_ID])}" class="comp">{$job.COMPANY_NAME}</a>
					</div>
			{/foreach}
			</ol>
		</div>
	</div>
	
	<div id="top_logo_employer">
		<h1 class="box">{_t('featured_employers')}</h1>
		<div class="container">
		{foreach from=$arrLogos item=comp}
			{$link = "{$objJob->map_links(['COMP_NAME'=>$comp.COMPANY_NAME, 'COMP_ID'=>$comp.COMP_ID])}"}
			{html_image file=$comp.LOGO title=$comp.COMPANY_NAME link=$link width=81 height=51}
		{/foreach}
		</div>
	</div>
	
	<div id="home_career_advice" class="box1">
		<h1 class="box">{_t('career_advice')}</h1>
		<div class="container">
			{$news = $arrLastestNews[0]}
			<div class="w350">
				{$link = "{$BASE_URL}/news/{$news.TITLE|url_title}-n{$news.ID}.html"}
				<a href="{$link}"  class="link">{$news.TITLE}</a>
				<div class="thumb w150">{html_image file=$news.IMAGE width=120 height=80 crop=1 link=$link}</div>
				<div class="text w200">{$news.INTRO}</div>
			</div>
			<div class="w260 flr">
				<ol class="arrow arrow-gray dotted">
			{foreach from=$arrLastestNews item=news key=i}
				{if $i}
				<li><a href="{$BASE_URL}/news/{$news.TITLE|url_title}-n{$news.ID}.html">{$news.TITLE}</a></li>
				{/if}
			{/foreach}
				</ol>
			</div>
		</div>
	</div>
</div>
<div class="w220 flr banner_ads" id="home_banner">
	<a href="#"><img src="images/banner01.jpg" /></a>
	<a href="#"><img src="images/banner02.jpg" /></a>
	<a href="#"><img src="images/banner03.jpg" /></a>
</div>

<link href="{$PATH_JSS}js/scrollbar/perfect-scrollbar-0.4.5.min.css" rel="stylesheet">
<script src="{$PATH_JSS}js/scrollbar/perfect-scrollbar-0.4.5.with-mousewheel.min.js"></script>
{literal}
<script language="javascript">
$(document).ready(function(){
	$('#list_top_jobs').perfectScrollbar({wheelPropagation:true});
	$('#tabs_category').vTabs();
});
</script>
{/literal}